<template>
	<div class="flex-box" :style="style">
		<slot></slot>
	</div>
</template>

<script>
export default {
	props: {
		justify: String,
		align: String,
		flexWrap: String
	},
	// setup(props, { emit, slots, attrs }) {},
	data() {
		return {}
	},
	computed: {
		style() {
			const { justify, align, flexWrap } = this
			return {
				justifyContent: justify,
				alignItems: align,
				flexWrap
			}
		}
	},
	mounted() {},
	methods: {},
	components: {}
}
</script>

<style lang="scss" scoped="scoped">
.flex-box {
	display: flex;
}
</style>
